/* 自定义 antd 默认样式 */
@light-bg-color: #ffffff;
@light-main-bg-color: #f0f2f5;
@light-border-color: #e4e7ed;
@light-border-header-color: #f6f6f6;
@light-text-color: rgba(0, 0, 0, 0.85);
@light-shadow-color: 0 0 12px #0000000d;
@light-scrollbar-bg-color: #dddee0;

/* 需要自定义覆盖的样式 */
body {
  background-color: @light-bg-color !important;
  #driver-highlighted-element-stage {
    background-color: #fff !important;
  }
}

/* login container（先固定样式） */
.login-container {
  background-color: #eeeeee !important;
  .login-box {
    .login-form {
      background-color: #fff;
      box-shadow: 2px 3px 7px rgb(0 0 0 / 20%) !important;
      .login-logo {
        .logo-text {
          color: #475768 !important;
        }
      }
      .login-btn {
        .ant-btn-default {
          color: #606266 !important;
        }
      }
    }
  }
}

/* container */
.container {
  /* sider */
  .ant-layout-sider {
    border-right: 1px solid @light-border-color !important;
    .ant-menu {
      &::-webkit-scrollbar {
        background-color: #001529 !important;
      }
      &::-webkit-scrollbar-thumb {
        background-color: #41444b !important;
      }
    }
    .logo-box {
      border-bottom: 1px solid #010b14 !important;
    }
  }

  /* layout */
  .ant-layout {
    background-color: @light-main-bg-color !important;
    .tabs,
    .footer,
    .card {
      background-color: @light-bg-color !important;
      border-color: @light-border-color !important;
    }
    .ant-layout-header {
      height: 55px;
      padding: 0 40px 0 20px;
      background-color: @light-bg-color !important;
      border-color: @light-border-header-color !important;
      .icon-style,
      .username {
        color: @light-text-color !important;
      }
    }
    .footer {
      a {
        color: @light-text-color !important;
      }
    }
    .card {
      box-shadow: @light-shadow-color !important;
      .text {
        color: #585858 !important;
      }
    }
    .ant-layout-content {
      &::-webkit-scrollbar {
        background-color: @light-main-bg-color !important;
      }
      &::-webkit-scrollbar-thumb {
        background-color: @light-scrollbar-bg-color !important;
      }
      .card {
        &::-webkit-scrollbar {
          background-color: @light-bg-color !important;
        }
        &::-webkit-scrollbar-thumb {
          background-color: @light-scrollbar-bg-color !important;
        }
      }
    }
  }
}
